<template>
  <el-row>
    <el-col :span="12" @click="router.push('/')">
      <div class="grid-content ep-bg-purple" />
      文章管理
    </el-col>
    <el-col :span="12" @click="router.push('/artissu')">
      <div class="grid-content ep-bg-purple-light" />
      文章发布
    </el-col>
  </el-row>
  <router-view></router-view>
</template>
<script setup>
import router from '@/router';

</script>
<style lang="scss" scoped>
.el-col {
  background-color: #545c64;
  height: 80px;
  font-size: 25px;
  line-height: 80px;
  color: #fff;
  cursor: pointer;
  text-align: center;

  &.select {
    background: #434a50;
    color: #caae4c;
  }

  &:nth-child(2) {
    border-left: 1px solid #fff;
  }
}
</style>